<template>
  <div class="App-container">
    <img
      src="../assets/images/logo.png"
      width="180px"
      height="200px"
      alt="LOGO"
      title="LOGO"
    />
    <p class="App-title">Welecome！Vue-Template</p>
    <p class="App-router">
      <router-link to="/" title="Jump index.vue">Jump index.vue</router-link>
      <router-link to="login" title="Jump login.vue"
        >Jump login.vue</router-link
      >
      <span
        @click="$message('Welecome！Vue-Template')"
        title="click Element-ui message"
        >click Element-ui message</span
      >
    </p>
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.App-container {
  height: 100%;
  width: 1150px;
  margin: 0 auto;
  text-align: center;
}
.App-title {
  font-size: 24px;
  color: #919191;
}
.App-router {
  width: 100%;
  text-align: center;
  text-decoration: underline;
  color: cornflowerblue !important;
  cursor: pointer;
  span,
  a {
    margin: 0 20px;
  }
}
</style>
